<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!-- saved from url=(0028)/ -->
<html lang="">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0" />
        <link rel="icon" href="http://localhost:8080/favicon.ico" />
        <title>ziru</title>
        <link rel="stylesheet" href="css/rent.css" />

    </head>

    <body>
        <noscript>
            <strong
            >We're sorry but ziru doesn't work properly without JavaScript enabled.
                Please enable it to continue.</strong
            >
        </noscript>


        <div id="app">
            <div data-v-053bb889="">
                <div data-v-29e8c3c6="" data-v-053bb889="">
                    <!----><!---->
                    <div
                            data-v-29e8c3c6=""
                            class="header1 a1"
                            style="background: rgb(255, 255, 255)"
                    >
                        <div data-v-29e8c3c6="" class="header_xx">
                            <h1 data-v-29e8c3c6="" class="header_logo">
                                <img
                                        data-v-29e8c3c6=""
                                        src="image/rent/自如logo@2x.d1ec316b.png"
                                        alt=""
                                />
                            </h1>
                            <div data-v-29e8c3c6="" class="header_city">
                                <div data-v-29e8c3c6="" class="el-dropdown">
                                    <a
                                            data-v-29e8c3c6=""
                                            class="header_city_title el-dropdown-selfdefine"
                                            aria-haspopup="list"
                                            aria-controls="dropdown-menu-8499"
                                            role="button"
                                            tabindex="0"
                                            style="color: rgb(0, 0, 0)"
                                    >
                                        武汉
                                    </a>
                                    <ul
                                            data-v-29e8c3c6=""
                                            class="el-dropdown-menu el-popper"
                                            style="display: none"
                                            id="dropdown-menu-8499"
                                    >
                                        <li
                                                data-v-29e8c3c6=""
                                                tabindex="-1"
                                                class="el-dropdown-menu__item"
                                        >
                                            <!---->北京
                                        </li>
                                        <li
                                                data-v-29e8c3c6=""
                                                tabindex="-1"
                                                class="el-dropdown-menu__item"
                                        >
                                            <!---->上海
                                        </li>
                                        <li
                                                data-v-29e8c3c6=""
                                                tabindex="-1"
                                                class="el-dropdown-menu__item"
                                        >
                                            <!---->深圳
                                        </li>
                                        <li
                                                data-v-29e8c3c6=""
                                                tabindex="-1"
                                                class="el-dropdown-menu__item"
                                        >
                                            <!---->杭州
                                        </li>
                                        <li
                                                data-v-29e8c3c6=""
                                                tabindex="-1"
                                                class="el-dropdown-menu__item"
                                        >
                                            <!---->南京
                                        </li>
                                        <li
                                                data-v-29e8c3c6=""
                                                tabindex="-1"
                                                class="el-dropdown-menu__item"
                                        >
                                            <!---->成都
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <ul data-v-29e8c3c6="" class="header_nav">
                                <li data-v-29e8c3c6="">
                                    <a
                                            data-v-29e8c3c6=""
                                            href="index.jsp"
                                            class="router-link-active"
                                            style="color: rgb(0, 0, 0)"
                                    >首页</a
                                    >
                                </li>
                                <li data-v-29e8c3c6="">
                                    <a
                                            data-v-29e8c3c6=""
                                            href="/queryAll"
                                            aria-current="page"
                                            class="router-link-exact-active router-link-active"
                                            style="color: rgb(0, 0, 0)"
                                    >租房</a
                                    >
                                </li>
                                <li data-v-29e8c3c6="">
                                    <a
                                            data-v-29e8c3c6=""
                                            href="http://apartment.ziroom.com/project/main.html"
                                            class=""
                                            style="color: rgb(0, 0, 0)"
                                    >自如寓</a
                                    >
                                </li>
                                <li data-v-29e8c3c6="">
                                    <a
                                            data-v-29e8c3c6=""
                                            href="https://z-inn.ziroom.com/zhuanti/2016/zinn/"
                                            class=""
                                            style="color: rgb(0, 0, 0)"
                                    >自如驿</a
                                    >
                                </li>
                                <li data-v-29e8c3c6="">
                                    <a
                                            data-v-29e8c3c6=""
                                            href="https://sm.ziroom.com//service/cms/service/"
                                            class=""
                                            style="color: rgb(0, 0, 0)"
                                    >服务</a
                                    >
                                </li>
                                <li data-v-29e8c3c6="">
                                    <a
                                            data-v-29e8c3c6=""
                                            href="https://job.ziroom.com/home"
                                            class=""
                                            style="color: rgb(0, 0, 0)"
                                    >加入我们</a>
                                </li>
                                <li data-v-29e8c3c6="">
                                    <a
                                            data-v-29e8c3c6=""
                                            href="/#"
                                            class=""
                                            style="color: rgb(0, 0, 0)"
                                    >APP下载</a>
                                </li>
                                <li data-v-29e8c3c6="">
                                    <a
                                            data-v-29e8c3c6=""
                                            href="/#"
                                            class="header_nav_last"
                                            style="color: rgb(0, 0, 0)"
                                    >成为房东</a >
                                </li>
                            </ul>
                            <div data-v-29e8c3c6="" class="header_yhm">

                                <c:if test="${name!=null}">
                                    <a  data-v-29e8c3c6=""  style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">${name}</a>
                                </c:if>
                                <c:if test="${name == null}">
                                    <a data-v-29e8c3c6="" href="login.jsp">登录</a>
                                </c:if>

                                <a data-v-29e8c3c6="" class="sp">|</a>
                                <c:if test="${name !=null}">
                                    <a data-v-29e8c3c6="" href="/logout.do">退出</a>
                                </c:if>
                                <c:if test="${name == null}">
                                    <a data-v-29e8c3c6="" href="register.jsp" style="height: fit-content;width: 33px;">注册</a>
                                </c:if>
                            </div>
                        </div>
                    </div>
                </div>
                <div data-v-053bb889="" class="zf">
                    <div data-v-053bb889="" class="list">
                        <div style="height: 50px;width: 50px"></div>

                            <div style="" data-v-053bb889="" class="list_title">
                                <ul data-v-053bb889="" class="my_title">
                                        <c:set var="flag" value="${flag}" /> <!-- 获取flag参数的值 -->
                                        <a href="/queryAll?rule=room_id&flag=1">
                                            <li data-v-053bb889="" class="${flag == '1' ? 'list_action' : ''}">默认排序</li>
                                        </a>
                                        <a href="/queryAll?rule=room_price&flag=2">
                                            <li data-v-053bb889="" class="${flag == '2' ? 'list_action' : ''}">价格</li>
                                        </a>
                                        <a href="/queryAll?rule=room_area&flag=3">
                                            <li data-v-053bb889="" class="${flag == '3' ? 'list_action' : ''}">面积</li>
                                        </a>
                                </ul>
                            </div>

                            <div id="content">
                            <div style="height: 950px" data-v-053bb889="" class="list_nr">
                                <ul data-v-053bb889="">
                                    <c:forEach items="${rooms}" var="room">
                                        <a data-v-053bb889="" href="/queryById?id=${room.roomId}">
                                            <li data-v-053bb889="">
                                                <img
                                                        data-v-053bb889=""
                                                        src="image/rent/15a19993-e465-4d96-bf96-051450f1c091_784.jpg_C_800_600_Q90.jpg_C_800_600_Q90.webp"
                                                        alt=""
                                                        class="img1"
                                                />
                                                <div data-v-053bb889="" class="wdnr">
                                                    <div data-v-053bb889="" class="wz">
                                                        <div data-v-053bb889="" class="wz_title">
                                                            <img
                                                                    data-v-053bb889=""
                                                                    src=""
                                                                    alt=""
                                                            /><span data-v-053bb889="">${room.tenementName}·${room.roomName}-${room.orientationName}</span>
                                                        </div>
                                                    </div>
                                                    <div data-v-053bb889="" class="desc">
                                                        <div data-v-053bb889="">${room.roomArea}㎡ | ${room.floor}层</div>
                                                        <div data-v-053bb889="">
                                                            <img
                                                                    data-v-053bb889=""
                                                                    src=""
                                                                    alt=""
                                                            />
                                                                ${room.roomLocation}
                                                        </div>
                                                    </div>
                                                    <div data-v-053bb889="" class="price">￥${room.roomPrice}/月</div>
                                                    <div data-v-053bb889="" class="bq">
                                                        <c:forEach items="${room.roomTitles}" var="title">
                                                            <div data-v-053bb889="">${title.titleName}</div>
                                                        </c:forEach>
                                                    </div>
                                                </div>
                                            </li></a>
                                    </c:forEach>
                                </ul>
                            </div>
                            <div data-v-053bb889="" class="list_fy">

                                <div data-v-053bb889="" class="el-pagination">

                                    <span class="el-pagination__total">共${info.pages}页</span>


                                    <span class="el-pagination__sizes"/><div class="el-select el-select--mini">

                    <div
                            class="el-select-dropdown el-popper"
                            style="display: none; min-width: 110px">

                      <div class="el-scrollbar" style="">

                        <div class="el-scrollbar__bar is-horizontal">
                          <div
                                  class="el-scrollbar__thumb"
                                  style="transform: translateX(0%)"
                          ></div>
                        </div>
                        <div class="el-scrollbar__bar is-vertical">
                          <div
                                  class="el-scrollbar__thumb"
                                  style="transform: translateY(0%)"
                          ></div>
                        </div>
                      </div>

                    </div>
                  </div>
                        </span>

                                    <ul class="el-pager" >
                                        <c:if test="${currentPage-1 > 0}">
                                            <a href="/queryAll?pageNum=${currentPage-1}&rule=${rule}&tj=${tj}"><li style="color:black;" >上一页</li></a>
                                        </c:if>
                                        <c:choose>
                                            <c:when test="${currentPage+5<=info.pages}">
                                                <c:forEach var="page" begin="${currentPage}" end="${currentPage+5}">
                                                    <a href="/queryAll?pageNum=${page}&rule=${rule}&tj=${tj}"><li style="color:black;">${page}</li></a>
                                                </c:forEach>
                                            </c:when>
                                            <c:otherwise>
                                                <c:forEach var="page" begin="${currentPage}" end="${info.pages}">
                                                    <a href="/queryAll?pageNum=${page}&rule=${rule}&tj=${tj}"><li style="color:black;">${page}</li></a>
                                                </c:forEach>
                                            </c:otherwise>
                                        </c:choose>


                                        <c:if test="${currentPage + 1 <= info.pages}">
                                            <a href="/queryAll?pageNum=${currentPage+1}&rule=${rule}&tj=${tj}"><li style="color:black;" >下一页</li></a>
                                        </c:if>
                                    </ul>

                                    <span class="el-pagination__jump"></span>
                                </div>

                            </div>
                        </div>


                    </div>
                    <div data-v-053bb889="" class="tjfy">
                        <div
                                data-v-053bb889=""
                                aria-label="Breadcrumb"
                                role="navigation"
                                class="el-breadcrumb"
                        >
              <span data-v-053bb889="" class="el-breadcrumb__item"
              ><span role="link" class="el-breadcrumb__inner is-link"
              >北京租房</span
              ><span role="presentation" class="el-breadcrumb__separator"
              >/</span
              ></span
              ><span data-v-053bb889="" class="el-breadcrumb__item"
                        ><span role="link" class="el-breadcrumb__inner"
                        ><a data-v-053bb889="" href="http://localhost:8080/"
                        >通州区北关</a
                        ></span
                        ><span role="presentation" class="el-breadcrumb__separator"
                        >/</span
                        ></span
                        ><span
                                data-v-053bb889=""
                                class="el-breadcrumb__item"
                                aria-current="page"
                        ><span role="link" class="el-breadcrumb__inner"
                        >华诚花园整租</span
                        ><span role="presentation" class="el-breadcrumb__separator"
                        >/</span
                        ></span
                        >
                        </div>
                        <div data-v-053bb889="" class="el-divider el-divider--horizontal">
                            <!---->
                        </div>
                        <div data-v-053bb889="" class="title">推荐房源</div>
                        <ul data-v-053bb889="">
                            <li data-v-053bb889="">
                                <img
                                        data-v-053bb889=""
                                        src="image/rent/15a19993-e465-4d96-bf96-051450f1c091_784.jpg_C_800_600_Q90.jpg_C_800_600_Q90.webp"
                                        alt=""
                                        class="img1"
                                />
                                <div data-v-053bb889="" class="wdnr">
                                    <div data-v-053bb889="" class="wz">
                                        <div data-v-053bb889="" class="wz_title">
                                            <img
                                                    data-v-053bb889=""
                                                    src=""
                                                    alt=""
                                            /><span data-v-053bb889="">自如寓·华诚花园-朝南</span>
                                        </div>
                                    </div>
                                    <div data-v-053bb889="" class="desc">
                                        <div data-v-053bb889="">85㎡ | 5/6层</div>
                                        <div data-v-053bb889="">
                                            <img
                                                    data-v-053bb889=""
                                                    src=""
                                                    alt=""
                                            />
                                            小区距6号线物资学院路站步行约300米
                                        </div>
                                    </div>
                                    <div data-v-053bb889="" class="price">￥5530/月</div>
                                    <div data-v-053bb889="" class="bq">
                                        <div data-v-053bb889="">灵活短签</div>
                                        <div data-v-053bb889="">原味</div>
                                        <div data-v-053bb889="">住宅用途</div>
                                    </div>
                                </div>
                            </li>
                            <li data-v-053bb889="">
                                <img
                                        data-v-053bb889=""
                                        src="image/rent/15a19993-e465-4d96-bf96-051450f1c091_784.jpg_C_800_600_Q90.jpg_C_800_600_Q90.webp"
                                        alt=""
                                        class="img1"
                                />
                                <div data-v-053bb889="" class="wdnr">
                                    <div data-v-053bb889="" class="wz">
                                        <div data-v-053bb889="" class="wz_title">
                                            <img
                                                    data-v-053bb889=""
                                                    src=""
                                                    alt=""
                                            /><span data-v-053bb889="">整租·华诚花园-朝南</span>
                                        </div>
                                    </div>
                                    <div data-v-053bb889="" class="desc">
                                        <div data-v-053bb889="">85㎡ | 5/6层</div>
                                        <div data-v-053bb889="">
                                            <img
                                                    data-v-053bb889=""
                                                    src=""
                                                    alt=""
                                            />
                                            小区距6号线物资学院路站步行约300米
                                        </div>
                                    </div>
                                    <div data-v-053bb889="" class="price">￥5530/月</div>
                                    <div data-v-053bb889="" class="bq">
                                        <div data-v-053bb889="">灵活短签</div>
                                        <div data-v-053bb889="">原味</div>
                                        <div data-v-053bb889="">住宅用途</div>
                                    </div>
                                </div>
                            </li>
                            <li data-v-053bb889="">
                                <img
                                        data-v-053bb889=""
                                        src="image/rent/15a19993-e465-4d96-bf96-051450f1c091_784.jpg_C_800_600_Q90.jpg_C_800_600_Q90.webp"
                                        alt=""
                                        class="img1"
                                />
                                <div data-v-053bb889="" class="wdnr">
                                    <div data-v-053bb889="" class="wz">
                                        <div data-v-053bb889="" class="wz_title">
                                            <img
                                                    data-v-053bb889=""
                                                    src=""
                                                    alt=""
                                            /><span data-v-053bb889="">整租·阳光-朝南</span>
                                        </div>
                                    </div>
                                    <div data-v-053bb889="" class="desc">
                                        <div data-v-053bb889="">78㎡ | 5/10层</div>
                                        <div data-v-053bb889="">
                                            <img
                                                    data-v-053bb889=""
                                                    src=""
                                                    alt=""
                                            />
                                            小区距6号线物资学院路站步行约300米
                                        </div>
                                    </div>
                                    <div data-v-053bb889="" class="price">￥5530/月</div>
                                    <div data-v-053bb889="" class="bq">
                                        <div data-v-053bb889="">灵活短签</div>
                                        <div data-v-053bb889="">原味</div>
                                        <div data-v-053bb889="">住宅用途</div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div data-v-6c4d8baa="" data-v-053bb889="">
                    <div data-v-6c4d8baa="" class="footer1">
                        <div data-v-6c4d8baa="" class="footer_firt">
                            <ul data-v-6c4d8baa="">
                                <li data-v-6c4d8baa="">加入我们</li>
                                <li data-v-6c4d8baa="">隐私政策</li>
                                <li data-v-6c4d8baa="">网站地图</li>
                            </ul>
                        </div>
                        <div data-v-6c4d8baa="" class="footer_two">
                            <ul data-v-6c4d8baa="" class="footer_two_first">
                                <li data-v-6c4d8baa="">友情链接</li>
                                <li data-v-6c4d8baa="">热门区域</li>
                                <li data-v-6c4d8baa="">地铁周边</li>
                                <li data-v-6c4d8baa="">热门城市</li>
                            </ul>
                            <ul data-v-6c4d8baa="" class="footer_two_last">
                                <li data-v-6c4d8baa="">北京房产网</li>
                                <li data-v-6c4d8baa="">北京房产</li>
                            </ul>
                        </div>
                        <div data-v-6c4d8baa="" class="footer_last">
                            <img
                                    data-v-6c4d8baa=""
                                    src=""
                                    alt=""
                            />
                            <ul data-v-6c4d8baa="">
                                <li data-v-6c4d8baa="">
                                    北京自如信息科技有限公司 Copyright©2020 ziroom.com 版权所有
                                </li>
                                <li data-v-6c4d8baa="">
                                    京公网安备 11010502035900号 京ICP备16015349号
                                </li>
                                <li data-v-6c4d8baa="">违法和不良信息举报电话:4001001111-9</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </body>

</html>

